<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>退换货详情</title>

    <!--公用css引用-->
    <?php include 'include/style.php';?>
    <!--END/公用css引用-->
    <link rel="stylesheet" href="../css/userCenter.css">
</head>
<body>

<!--公共头部-->
<?php include 'include/header.php';?>
<!--END/公共头部-->

<div class="inbox user-center">
    <div class="layout-margin unend">
        <div class="sidebar-end"></div>
        <div class="sidebar-start">
            <?php include 'include/leftnav.php';?>
        </div>

        <!--主体部分-->
        <div class="container">
            <div class="container-inner return-detail">
                <div class="tit">
                    <div class="h"><strong>申请服务详情</strong></div>
                    <a href="" class="text-color-8  more">售后政策</a>
                </div>
                <div class="bl-alert alert-warning fn-mt10">
                    <span class="font-16 text-color-7">本次售后服务由 <span class="text-color-1">阿福易购</span> 为您提供</span>

                    <span class="text-color-7 fn-ml20">售后服务单号：155460684  </span>

                </div>

                <div class="tit fn-mt20">
                    <div class="h"><strong>售后信息</strong></div>
                </div>

                <div class="ui-box">
                    <div class="inbox step-by-step pay-back-step">
                        <div class="gray-line"></div>
                        <div class="success-line" style="width: 100%;"></div>
                        <div class="before-line" style="width: 80%;"></div>
                        <ul class="step-list ui-cols-5">
                            <li class="step col step-before">
                                <i class="icon icon-step">1</i>
                                <div class="txt">提交申请</div>
                            </li>
                            <li class="step col step-before">
                                <i class="icon icon-step">2</i>
                                <div class="txt">阿福审核</div>
                            </li>
                            <li class="step col step-before">
                                <i class="icon icon-step">3</i>
                                <div class="txt">阿福收货</div>
                            </li>
                            <li class="step col step-before">
                                <i class="icon icon-step">4</i>
                                <div class="txt">退款</div>
                            </li>
                            <li class="step col step-cur">
                                <i class="icon icon-step">5</i>
                                <div class="txt">完成</div>
                            </li>

                        </ul>
                    </div>
                </div>

                <div id="opWrap" class="ui-brd-box1 option-status">
                    <div class="inner">
                        <div class="fn-rel">
                            <div class="fn-abs op-type">处理环节</div>
                            <div class="fn-abs line"></div>
                            <div class="fn-abs yuan"></div>
                            <ul class="op-list">
                                <li>
                                    <strong>处理信息：</strong>
                                    <br>
                                    <span class="text-color-7">您的服务单155460684财务已退款，请您注意查收</span>
                                    <p class="fn-mt10">操作人：系统 (2015-04-15 11:28:05 )</p>
                                </li>
                                <li>
                                    <strong>处理信息：</strong>
                                    <br>
                                    <span class="text-color-7">财务已审核,银行退款中</span>
                                    <p class="fn-mt10">操作人：系统 (2015-04-14 09:25:04)</p>
                                </li>
                                <li>
                                    <strong>处理信息：</strong>
                                    <br>
                                    <span class="text-color-7">您的服务单退款申请业务主管已审核，请等待财务确认</span>
                                    <p class="fn-mt10">操作人：申长伟 (2015-04-14 09:24:17)</p>
                                </li>
                                <li>
                                    <strong>处理信息：</strong>
                                    <br>
                                    <span class="text-color-7">您的服务单已提交退款申请，请等待业务主管审核</span>
                                    <p class="fn-mt10">操作人：申长伟 (2015-04-14 09:24:17)</p>
                                </li>
                            </ul>
                        </div>

                        <div class="fn-rel fn-mt20">
                            <div class="fn-abs op-type">审核环节</div>
                            <div class="fn-abs line"></div>
                            <div class="fn-abs yuan"></div>
                            <ul class="op-list">
                                <li>
                                    <strong>处理信息：</strong>
                                    <br>
                                    <span class="text-color-7">您的服务单155460684的商品已收到</span>
                                    <p class="fn-mt10">操作人：System (2015-04-13 18:58:28)</p>
                                </li>
                                <li>
                                    <strong>处理信息：</strong>
                                    <br>
                                    <span class="text-color-7">财务已审核,银行退款中</span>
                                    <p class="fn-mt10">操作人：系统 (2015-04-14 09:25:04)</p>
                                </li>
                                <li>
                                    <strong>处理信息：</strong>
                                    <br>
                                    <span class="text-color-7">您的服务单已审核客户发货，请将商品寄回</span>
                                    <p class="fn-mt10">操作人：申长伟 (2015-04-13 18:58:22)</p>
                                </li>
                                <li>
                                    <strong>处理信息：</strong>
                                    <br>
                                    <span class="text-color-7">您的服务单已申请成功，待售后审核中</span>
                                    <p class="fn-mt10">操作人：系统 (2015-04-13 16:31:59)</p>
                                </li>
                            </ul>
                        </div>

                    </div>

                    <a href="javascript:;" class="fn-abs btn-more js-more text-color-8 off">查看更多</a>
                </div>


                <div class="tit fn-mt20">
                    <div class="h"><strong>服务单信息</strong></div>
                </div>













                <div class="fn-mt10">
                    <ul class="comments">
                        <li>
                            <span class="fn-dib label">退款方式</span>
                            <div class="fn-dib fn-mr20">
                                账户余额：7.00 (元)
                                <br>
                                网银pos刷卡 :28.00 (元)
                            </div>

                            <a href="" class="text-color-8 fn-mr10">查看账户余额</a>
                            <a href="" class="text-color-8">退款明细</a>
                        </li>
                        <li>
                            <span class="fn-dib label">商品处理方式</span>
                            <span class="text-color-0">客户期望处理方式为“退货” ，最终处理方式为“退货”</span>
                        </li>
                        <li>
                            <span class="fn-dib label">问题描述</span>
                            <span class="text-color-0">随主</span>
                        </li>
                        <li>
                            <span class="fn-dib label">收货地址</span>
                            <span class="text-color-0">河南郑州市金水区农业路72号国际企业中心A座2207</span>
                        </li>
                        <li>
                            <span class="fn-dib label">取件地址</span>
                            <span class="text-color-0">河南郑州市金水区农业路72号国际企业中心A座2207</span>
                        </li>
                        <li>
                            <span class="fn-dib label">联系信息</span>
                            <span class="text-color-0">联系人：申长伟   手机：18703644856</span>
                        </li>
                        <li class="sum">
                            账户余额： ￥7.00<br>
                            网银pos刷卡 ￥28.00<br>
                            <strong>退款总额： <span class="text-color-1 font-14">￥35.00</span></strong>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--END/主体部分-->

    </div>
</div>

<!--公共尾部-->
<?php include 'include/footer.php'; ?>
<!--END/公共尾部-->

<!--公用js引用-->
<?php include 'include/script.php'; ?>
<!--END/公用js引用-->
<script>
    $('#opWrap').on('click','.js-more',function(){
        var that=$(this),pObj=that.prev('.inner');
        that.toggleClass('off');
        if(that.hasClass('off')){
            pObj.css('height','90px');
            that.text('查看更多');
        }else {
            pObj.css('height','auto');
            that.text('收起');
        }

    });
</script>
</body>
</html>